.grade-time-tips {
    font-size: 9px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #767676;
    line-height: 13px;
    margin-left: 7px;
    margin-right: 11px;
    display: flex;
    align-items: center;
}
.grade-time-tips .icon {
    padding: 0 10px;
}



.ass-1 {
    font-size: 10px;
    font-family: PingFang-SC-Heavy, PingFang-SC;
    font-weight: 800;
    color: #B9B9B9;
    line-height: 14px;
    margin-left: 10px;
}

.course-top-lists {
    display: flex;
    flex-wrap: wrap;
}

.grade-left {
    width: 60%;
    padding-right: 50px;
    box-sizing: border-box;
}

.grade-right {
    width: 40%;
    padding-left: 50px;
    box-sizing: border-box;
}

.find-teacher-header {
    position: relative;
}

.find-teacher-header .left {
    transform: rotateZ(90deg)
}
.find-teacher-header .right {
    transform: rotateZ(-90deg)
}

.find-teacher-header p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.semester-con {
    position: absolute;
    top: 100%;
    left: 0;
    background: url(../img/011.svg) 100% 100%;
    width: 245px;
    padding: 3px 27px 19px 10px;
    box-sizing: border-box;
    height: 105px;

    transition: .3s all;
    opacity: 0;
    visibility: hidden;
    animation: aaq .3s 1 0s;
}

@-webkit-keyframes aaq {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.semester-con.show {
    opacity: 1;
    visibility: visible;
    z-index: 101;
    animation: aa .3s 1 0s;
}

@-webkit-keyframes aa {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.semester-con p {
    display: flex;
    margin-top: 9px;
    font-size: 14px;
    font-family: PingFang-SC-Heavy, PingFang-SC;
    font-weight: 800;
    color: #4F4F4F;
    line-height: 19px;
    justify-content: space-between;
}

.semester-con img {
    width: 14px;
    display: none;
}

.semester-con p.active img {
    display: block;
}

.ass-content {
    padding-left: 44px;
    padding-right: 51px;
    box-sizing: border-box;
    padding-bottom: 24px;
}

.course-top-lists {
    display: flex;
}



.grade-right-list {
    box-sizing: border-box;
    width: 50%;
    margin-top: 16px;
    display: block;
    text-decoration: unset;
}

.grade-right-list>div {
    display: flex;
    padding: 11px 45px 8px 12px;
    box-sizing: border-box;
    border-radius: 16px;
}

.grade-right-list>div>div {
    flex: 1;
}

.grade-right-circle {
    width: 18px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 9px;
    height: 18px;
    background: #ABA7F8;
}

.grade-right-title {
    font-size: 13px;
    font-family: PingFang-SC-Heavy, PingFang-SC;
    font-weight: 800;
    color: #4F4F4F;
    line-height: 18px;
}

.grade-right-tip {
    font-size: 9px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #767676;
    line-height: 13px;
    margin-bottom: 12px;
}

.grade-right-time {
    width: 100px;
    height: 14px;
    text-align: center;
    background: #FFFFFF;
    font-size: 8px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #ABA7F8;
    border-radius: 6px;
    line-height: 14px;
    display: inline-block;
}

.grade-right-line {
    width: 127px;
    margin-top: 14px;
    height: 4px;
    background: #FFFFFF;
    border-radius: 6px;
    position: relative;
}

.grade-right-active {
    width: 63px;
    height: 4px;
    position: absolute;
    left: 0;
    top: 0;
    background: #908CE4;
    border-radius: 6px;
}

.grade-purple>div {
    background-color: #E9E8FE;
}

.grade-blue>div {
    background-color: #E8FBFE;
}

.grade-pink>div {
    background-color: #FEE2F2;
}

.grade-yellow>div {
    background-color: #FEEFCC;
}


.grade-purple .grade-right-circle {
    background-color: #ABA7F8;
}

.grade-blue .grade-right-circle {
    background-color: #51D0F6;
}

.grade-pink .grade-right-circle {
    background-color: #F96AB0;
}

.grade-yellow .grade-right-circle {
    background-color: #FAE2AA;
}



.grade-purple .grade-right-active {
    background-color: #ABA7F8;
}

.grade-blue .grade-right-active {
    background-color: #51D0F6;
}

.grade-pink .grade-right-active {
    background-color: #F96AB0;
}

.grade-yellow .grade-right-active {
    background-color: #FAE2AA;
}


.grade-purple .grade-right-time {
    color: #ABA7F8;
}

.grade-blue .grade-right-time {
    color: #8C8C8C;
}

.grade-pink .grade-right-time {
    color: #837B7E;
}

.grade-yellow .grade-right-time {
    color: #5F5F5F;
}

.grade-right-list:nth-of-type(2n+1) {
    padding-right: 12px;
}

.grade-right-list:nth-of-type(2n) {
    padding-left: 12px;
}


.task-titles {
    margin-top: 26px;
    font-size: 14px;
    font-family: PingFang-SC-Heavy, PingFang-SC;
    font-weight: 800;
    color: #4F4F4F;
    line-height: 19px;
    padding-bottom: 9px;
}

.task-list {
    height: 40px;
    background: #F2F3FC;
    border-radius: 15px;
    margin-top: 10px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 19px;
    padding-right: 24px;
    box-sizing: border-box;
}

.task-title {
    font-size: 13px;
    font-family: PingFang-SC-Heavy, PingFang-SC;
    font-weight: 800;
    color: #4F4F4F;
}

.task-tip {
    font-size: 9px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #767676;
    line-height: 13px;
    margin-top: 1px;
}

.completed {
    font-size: 13px;
    font-family: PingFang-SC-Heavy, PingFang-SC;
    font-weight: 800;
    color: #A2A0A0;
    line-height: 18px;
    display: none;
}

.task-circle {
    width: 19px;
    height: 19px;
    border: 1px solid #BBC0EA;
    border-radius: 50%;
    display: inline-block;
    margin-left: 6px;
}

.task-list>p {
    display: flex;
    align-items: center;
}

.task-list.active .completed {
    display: block;
}

.task-list.active {
    border: 1px solid #979797;
    background-color: #fff;
    box-sizing: border-box;
}

.task-list.active .task-circle {
    background: #BAC0F9;
    border: 1px solid #BBC0EA;
}

/* -------日历------ */
.calendar {
    /* width: 240px; */
    /* height: 400px; */
    display: block;
    user-select: none;
}

.calendar .calendar-title-box {
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
    font-size: 14px;
    font-family: PingFang-SC-Heavy, PingFang-SC;
    font-weight: 800;
    padding-right: 22px;
    box-sizing: border-box;
    color: #4F4F4F;
}

.calendar .prev-month {
    cursor: pointer;
}

.grade-right {
    padding-top: 24px;
}

.calendar .prev-month .down {
    transform: rotateZ(90deg);
}

.calendar .next-month {
    cursor: pointer;
}

#calendarTable .tr {
    display: flex;
}

#calendarTable .tr-day p {
    flex: 1;
    text-align: center;
    font-size: 14px;
    font-family: PingFang-SC-Heavy, PingFang-SC;
    font-weight: 800;
    color: #4F4F4F;
    line-height: 19px;
}

#calendarTable .tr-day span {
    padding: 2px 10px;
}

#calendarTable .tr .td {
    /* display: none;
    width: 0; */
}

#calendarTable .tr:nth-of-type(1) span {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #B3B1B1;
    line-height: 19px;
    display: inline-block;
    flex: 1;
}

#calendarTable .tr-day:nth-of-type(2) p:nth-of-type(6) span,
#calendarTable .tr-day:nth-of-type(5) p:nth-of-type(7) span,
#calendarTable .tr-day:nth-of-type(6) p:nth-of-type(5) span,
#calendarTable .tr-day:nth-of-type(6) p:nth-of-type(7)  span{
    width: 25px;
    height: 19px;
    background: #DEEBF5;
    border-radius: 6px;
}

#calendarTable .tr-day:nth-of-type(2) p:nth-of-type(13) span,
#calendarTable .tr-day:nth-of-type(3) p:nth-of-type(1) span,
#calendarTable .tr-day:nth-of-type(3) p:nth-of-type(2) span,
#calendarTable .tr-day:nth-of-type(5) p:nth-of-type(4)  span{
    width: 25px;
    height: 19px;
    background: #DBF1F9;
    border-radius: 6px;
}

#calendarTable .tr-day:nth-of-type(3) p:nth-of-type(5) span,
#calendarTable .tr-day:nth-of-type(3) p:nth-of-type(7) span,
#calendarTable .tr-day:nth-of-type(5) p:nth-of-type(7) span,
#calendarTable .tr-day:nth-of-type(5) p:nth-of-type(3)  span{
    width: 25px;
    height: 19px;
    background: #ECE6F1;
    border-radius: 6px;
}

/* .# */
/* 设置日历表格样式 */
.calendar-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

/* 表格行高 */
.calendar-table .tr {
    height: 30px;
    align-items: center;
    margin-bottom: 14px;
}

/* 当前天 颜色特殊显示 */

#calendarTable .currentDay {
    width: 25px !important;
    height: 25px;
    background: #FE3A99;
    font-size: 14px;
    font-family: PingFang-SC-Heavy, PingFang-SC;
    font-weight: 800;
    color: #FFFFFF;
    display: inline-block;
    padding: 0!important;

    flex-shrink: 0 !important;
    line-height: 25px;
    border-radius: 50%;
}


/* 本月 文字颜色 */
.currentMonth {
    font-size: 14px;
    font-family: PingFang-SC-Heavy, PingFang-SC;
    font-weight: 800;
    color: #4F4F4F;
    line-height: 19px;
    cursor: pointer;
}

/* 其他月颜色 */
.otherMonth {
    cursor: pointer;
    font-size: 14px;
    font-family: PingFang-SC-Heavy, PingFang-SC;
    font-weight: 800;
    color: #D6D6D6!important;
    line-height: 19px;
}

/* -------日历------ */



.notification-title {
    margin-top: 35px;
    margin-bottom: 4px;
    font-size: 14px;
    font-family: PingFang-SC-Heavy, PingFang-SC;
    font-weight: 800;
    color: #4F4F4F;
    line-height: 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.notification-title .all {
    font-size: 10px;
    font-family: PingFang-SC-Heavy, PingFang-SC;
    font-weight: 800;
    color: #FE3A99;
    line-height: 14px;
}

.community-list {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    padding-bottom: 10px;
}

.community-list:nth-of-type(2n+1) {
    background-color: rgba(250, 250, 250, 0.788)
}

.community-titles {
    font-size: 14px;
    font-family: PingFang-SC-Heavy, PingFang-SC;
    font-weight: 800;
    color: #4F4F4F;
    /* line-height: 19px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.community-titles .community-title-right {
    font-size: 8px;
    font-family: PingFang-SC-Heavy, PingFang-SC;
    font-weight: 800;
    color: #FE3A99;
    display: flex;
    align-items: center;
    line-height: 11px;
}

.community-titles .community-title-right img {
    height: 16px;
    margin-left: 6px;
}

.community-tip {
    font-size: 9px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #767676;
    line-height: 13px;
    margin-top: 6px;
}